<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Isee 8583</title>
    <base href="<?php echo base_url();?>">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="./style/css/bootstrap.min.css">

    <!--[if lt IE 9]>
    <script src="./style/js/respond.min.js"></script>
    <script src="./style/js/html5shiv.min.js"></script>
    <![endif]-->
    <style type="text/css">
        body {
            padding-top: 150px;
            padding-bottom: 40px;
            background-color: #eee;
        }
        .form-sign{
            max-width: 330px;
            padding: 15px;
            margin: 0 auto;
        }
        .form-sign .form-sign-heading,
        .form-sign .checkbox{
            margin-bottom: 10px;
        }
        .form-sign .form-sign-heading{
            text-align: center;
        }
        .form-sign .form-control {
            font-weight: normal;
        }
        .form-sign .form-control{
            position: relative;
            height: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
            font-size: 16px;
        }
        .panel{
            height: 400px;
        }
        .form-reg{
            float: right;
        }
        h1,h2{
            color: #1b6d85;
        }
        .panel-description{
            color: #de506f;
        }
        h1, .panel-description{
            font-family: Arial;
        }
    </style>
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-8">
                <div class="panel panel-info">
                    <div class="panel-body">
                        <h1>ISEE8583简介</h1>
                        <div class="panel-description">
                            isee8583拾一个报文监控系统
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-lg-4">
                <form class="form-sign" action="./login/login_result.html" method="post">
                    <h2 class="form-sign-heading">Isee 8583</h2>
                    <label for="input_email" class="sr-only"><strong>email</strong></label>
                    <input type="email" id="input_email" class="form-control" placeholder="邮箱地址" name="email" required autofocus value="<?php echo set_value('email');?>">
                    <?php echo form_error('email', '<p class="text-danger">', '</p>');?>
                    <label for="input_password" class="sr-only"><strong>密码</strong></label>
                    <input type="password" class="form-control" placeholder="密码" id="input_password" name="password" required>
                    <?php echo form_error('password', '<p class="text-danger">', '</p>');?>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" value="1" name="remember_me" <?php echo set_checkbox('remember_me', '1');?>>记住我
                        </label>
                        <label class="form-reg">
                            <a class="pager" href="./account/register.html">注册</a>
                        </label>
                    </div>
                    <p class="text-danger">
                        <?php
                            if (isset($errmsg)){
                                echo $errmsg;
                            }
                        ?>
                    </p>
                    <button class="btn btn-lg btn-block btn-success" type="submit" id="login-btn">登录</button>
                </form>
            </div>

        </div>

    </div>

</body>
<!--[if lte IE 9]>
<script src="./style/js/respond.min.js"></script>
<script src="./style/js/html5shiv.min.js"></script>
<![endif]-->
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="./style/js/jquery-1.12.3.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="./style/js/bootstrap.min.js"></script>
<script src="./style/js/md5.js"></script>
<script type="text/javascript">
    $(function () {
        $('#login-btn').click(function () {
            var p = $('#input_password').val();

            if (p != '') {
                var p_en = $.md5(p);
                $('#input_password').val(p_en);
            }
        });
    });

</script>
</html>